<template>
	<div class='welcome-one flex-center'>
		<!-- Vue 模板内容 -->
		<welcome-card :image="logo" :data="state.data"/>
	</div>
</template>

<script setup lang='ts'>
import {reactive} from 'vue'
import logo from '@/assets/image/welcome_one.svg'
import WelcomeCard from "@/components/welcome/WelcomeCard.vue";

const state = reactive({
	data: {
		title: "Control you home",
		description: "you can control all smart home end enjoy your life",
	}
})
</script>

<style scoped lang="less">
/* 组件样式 */
.welcome-one {
	height: 100%;
}
</style>